<template>
    <div class="space-p-96 border-t">
        <v-container class="max-width-1218 py-0">
            <v-row class="d-flex align-center">
                <v-col cols="12" xl="5">
                    <h2 class="display-1 textPrimary font-weight-bold ">A unique story in every number</h2>
                </v-col>
                <v-col cols="12" xl="7">
                    <div class="d-flex flex-wrap ga-lg-10 ga-6 ps-lg-8 justify-lg-end">
                        <div>
                            <h3 class="text-64 text-primary font-weight-medium">2019</h3>
                            <span class="text-grey100 text-14">When we founded Spike</span>
                        </div>
                        <div>
                            <h3 class="text-64 text-primary font-weight-medium">300k+</h3>
                            <span class="text-grey100 text-14">Customers on Spike </span>
                        </div>
                        <div>
                            <h3 class="text-64 text-primary font-weight-medium">25k+</h3>
                            <span class="text-grey100 text-14">Dashboards built using Spike </span>
                        </div>
                    </div>
                </v-col>
            </v-row>
        </v-container>
    </div>
</template>
